<template>
	<view class="container">
		<view>{{$t('schema.name')}}</view>
		<input class="input" v-model="name" />
		<button type="primary" @click="add">{{$t('schema.add')}}</button>
	</view>
</template>
<script>
	const collection = "hello";
	export default {
		data() {
			return {
				name: ""
			}
		}, 
		methods: {
			add() {
				uni.showLoading();
				let db = uniCloud.database()
				db.collection(collection).add({
					name: this.name
				}).then((res) => {
					uni.showToast({
						title: this.$t('schema.add-success')
					})
				}).catch((err) => {
					uni.showModal({
						content: err.message,
						showCancel: false
					})
				}).finally(() => {
					uni.hideLoading();
				})
			}
		}
	}
</script>

<style>
	.input {
		border: 1px solid #ebebeb;
		border-radius: 3px;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 8px;
	}
</style>